<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <style>

    </style>
</head>

<body>
    <div id="app">
    </div>
</body>
<script>
    let arr = [4, 5, 6];
    let temArr = [8, 9, 10];

    // 数组前面加入元素   返回值是数组长度
    console.log(arr.unshift(3))
    console.log(arr)
    console.log('-------------------------')

    // 数组后面加入  返回值是数组长度
    // 可以同时push多个值  unshift同理
    console.log(arr.push(7))
    console.log(arr.push(...temArr)) //console.log(arr.push(8, 9, 10))
    console.log(arr)
    console.log('--------------------------')

    // 添加,删,修改
    console.log(arr.splice(arr.length, 0, 11)) //从最后一位后面加
    console.log(arr)
    console.log('--------------------------')
    console.log(arr.splice(arr.length - 1, 1)) //删最后一个
    console.log(arr)
    console.log('--------------------------')
    console.log(arr.splice(arr.length - 1, 1, ...temArr)) //删最后一个并加入其他(第二个参数表示删除个数)
    console.log(arr)
    console.log('---------------------------')

    // 以下方法都不会改变原始数组
    // 转为字符串
    console.log(arr.join('-'), typeof arr.join('-'))
    console.log(arr.join('+').split('+'))

    //返回存在元素索引值
    console.log('abc'.indexOf('d')) // -1  代表不存在

    /*
        if ('abc'.indexOf('xxx') > -1) {
            //存在
        } else {
            //不存在
        }
    */
    console.log('------------------------------');

    //引用数据类型
    function test(p) {
        p = {
                a: 3
            }
            // p.a = 3
            // console.log(p)
    }
    let obj = {
        a: 1,
        b: 2
    }
    test(obj)
    console.log(obj)
    console.log('------------------------------');

    // includes
    console.log([4, 5].includes(4))
</script>

</html>